<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<script src="js/jquery-3.3.1.min.js" type="text/javascript" charset="utf-8"></script>
		<script type="text/javascript">
				$(function(){
					// attr css 1获取 2设置
					// $("li:contains(3)").css("color","red") (括号里是内容)
					// $("li:has(span)").css("color","green")	（括号里是选择器）
					 // $("li:empty").css("color","blue")
					 // $("li:parent").css("color","#ffff00")
					 // $("div div:visible").css("background-color","red")
					 // var id= $(".div").attr("data-id")
					 // console.log(id)
					 // $(".div").attr("data-id","2")
					 // var ch1=$(":checkedbox:eq(3)").attr("cheked")
					 // console.log(typeof ch1)
					 
					 // if(ch1 == "checked"){
						 
					 // }
					 // var ch2 = $(":checkedbox:eq(3)").prop("checked")
					 // console.log(ch2)
					 
					 // if(ch2 == true){
						 
					 // }
					 //  var ch2 = $(":checkedbox:eq(3)").prop("checked",false)
					  
					 //  //0 获取 	1 设置
					 //  // html()    html代码
					 //  // txt()		文本内容
					 //  //val()		交互控件的值
					 //  $(".div").html()
					 console.log( $(".div").html())
					 console.log( $(".div").text())
					 console.log( $(".div").val())
					 console.log( $(":checkbox:eq(0)").val())
					 $(":checkbox:eq(0)").val("2")
					 $(".div").html("<h1>123</h1>")
				})
			</script>
		</head>
		<body>
			
			<div class="div" data-id="1" value="111" >这是一个div<span>div</span></div>
			<input type="checkbox" value="333" checked="足球" />
			<input type="checkbox" checked="" />
			<input type="checkbox" checked="checked" />
			<input type="checkbox" checked="55989" />
			<!-- <ul>
				<li>列表1</li>
				<li>列表2</li>
				<li><span>列表3</span></li>
				<li>列表4</li>
				<li>列表5</li>
				<li></li>
			</ul>
			<div>
				<div style="width: 100px;height: 100px;background-color: aqua; display: none;" >
				</div>
				<div style="width: 100px;height: 100px;background-color: antiquewhite; visibility: hidden;">
				</div>
			</div> -->	
	</body>
</html>
